<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Path</title>
<script type="text/javascript">
var $ = function(){
	return document.getElementById(arguments[0]);
};
window.addEventListener('keydown', function(e){
	$("inpKey").value = "";
	$("keyStatus").innerText = "변경중...";
}, false);
window.addEventListener('keyup', function(e){
	$("inpKey").value = e.which;
	window.localStorage.Path = e.which;
	$("keyStatus").innerText = "변경됨!";
}, false);

window.addEventListener("DOMContentLoaded", function(){
	if(window.localStorage.Path){
		$("inpKey").value = window.localStorage.Path;
		$("keyStatus").innerText = "설정됨";
	}
}, false);
</script>
</head>
<body>
<h1>Path</h1>
<hr />
<div class="section_intro">
	<h2>정보</h2>
	<dl>
		<dt>버전</dt>
		<dd>1.1</dd>
	</dl>
</div>
<div class="section_enviroment">
	<h2>환경설정</h2>
	<dl>
		<dt>단축키</dt>
		<dd>
			<label for="inpKey">키코드</label> : <input type="text" id="inpKey" disabled="disabled" /> <span id="keyStatus" title="안내"></span>
		</dd>
	</dl>
	<div>
		<strong>※ 안내 및 유의사항</strong>
		<ul>
			<li>키보드를 누르시면 단축키 설정이 가능합니다.</li>
			<li>단축키로 탭을 닫지 마시고, 마우스로 "탭 닫기" 버튼을 클릭하시어 닫아주세요.</li>
			<li>설정은 브라우저를 종료하시더라도, 유지됩니다.</li>
		</ul>
	</div>
</div>
<div class="section_history">
	<h2>업데이트 내역</h2>
	<dl>
		<dt>버전 1.1</dt>
		<dd>QR 코드 지원</dd>
		<dd>단축키 지원</dd>
		<dd>Path 실행으로 인한, UI 틀어짐 이슈 처리</dd>
	</dl>
</div>
<hr />
<div class="section_contact">
	<h2>연락처</h2>
	<dl>
		<dt>이메일</dt>
		<dd><a href="mailto:blessyou@daumcorp.com">blessyou@daumcorp.com</a></p>
	</dl>
</div>
</body>
</html>